<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>
<html>
<head>
<title>relation Filter</title>
	<link rel="stylesheet"
	href="<c:url value="/resources/css/util/jsplumb.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/relation/editRelationFilter.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/lib/jquery-ui-1.11.4/jquery-ui.min.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap-theme.min.css"/>" />

<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/jquery-ui-1.11.4/jquery-ui.min.js" />"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<c:url value="/resources/js/util/dom.jsPlumb-1.7.6.js" />"></script>

<!--  local js-->
<script type="text/javascript"
	src="<c:url value="/resources/js/relation/editRelationFilter.js" />"></script>
</head>
<body>
	<header class="text-center">
		<h1>Relation filter</h1>
	</header>
	<input type="hidden" id="pathValue" value="${path}">
	<section class="container">
		<div class="form-group">
		
		<label>operation:</label>
			<div class="btn-group" role="group" aria-label="Item relation">
				<button type="button" class="btn btn-default cal">AND</button>
				<button type="button" class="btn btn-default cal">OR</button>
				<button type="button" class="btn btn-default cal">NOT</button>
			</div>
			<div class="btn-group" role="group" aria-label="calculation">
				<button type="button" class="btn btn-default cal">=</button>
				<button type="button" class="btn btn-default cal">>=</button>
				<button type="button" class="btn btn-default cal"><=</button>
				<button type="button" class="btn btn-default cal"><</button>
				<button type="button" class="btn btn-default cal">></button>
				<button type="button" class="btn btn-default cal">!=</button>
				<button type="button" class="btn btn-default cal">like</button>
				<button type="button" class="btn btn-default cal">contains</button>
				<button type="button" class="btn btn-default cal">between</button>
			</div>
		</div>
		
		<div class="form-group">
		<label>input values: </label>
		<input class="form-control" id="inputtext" >
		<button type="button" class="btn btn-default input">import</button>
		</div>
		

		
		<div class="form-group">
		<label>column:</label>
			<div class="btn-group" id="columnButtonGroup" role="group"
				aria-label="column">
				
				</div>
		</div>

		<div class="form-group">
			<div id="scope" ></div>
		</div>
		
		
		<div class="form-group">
			<input type="button" value="Save" id="save-btn" class="btn btn-default">
			<input type="button" value="Clear" id="clear-btn" class="btn btn-default">
			<input type="button" value="Reload" id="reload-btn" class="btn btn-default"> 
			<input type="button" value="Back" id="back-btn" class="btn btn-default">
			<input type="button" value="Test" id="test-btn" class="btn btn-default">
		</div>
<div id="messageArea"></div>
	</section>


</body>
</html>
